<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jstl/fmt_rt"%>

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>秒杀商品详情表</title>

    <link href="/boot/css/bootstrap.css" rel="stylesheet">
    <link href="/boot/plugins/revolution/css/settings.css" rel="stylesheet" type="text/css">
    <link href="/boot/plugins/revolution/css/layers.css" rel="stylesheet" type="text/css">
    <link href="/boot/plugins/revolution/css/navigation.css" rel="stylesheet" type="text/css">
    <link href="/boot/css/style.css" rel="stylesheet">
    <link href="/boot/css/responsive.css" rel="stylesheet">

    <link rel="shortcut icon" href="/boot/images/favicon.png" type="image/x-icon">
    <link rel="icon" href="/boot/images/favicon.png" type="image/x-icon">
    <!-- Responsive -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<%--     <script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.js"></script>--%>
     <script src="/boot/js/respond.js"></script>
</head>

<body>

<%--<jsp:include page="../nav.jsp" flush="true"></jsp:include>--%>

<!--Page Title-->
<section class="page-title" >
    <div class="auto-container">
        <h1>单品</h1>
    </div>
</section>
<!--End Page Title-->

<!--Page Info-->
<section class="page-info">
    <div class="auto-container">
        <ul class="bread-crumb">
            <li><a href="index.jsp">家</a></li>
            <li>店铺</li>
            <li class="current">单品</li>
        </ul>
    </div>
</section>
<!--End Page Info-->

<!--Sidebar Page Container-->
<div class="sidebar-page-container">
    <div class="auto-container">
        <div class="row clearfix">

            <!--Content Side-->
            <div class="content-side col-lg-9 col-md-8 col-sm-12 col-xs-12">
                <div class="shop-single">
                    <div class="product-details">

                        <!--Basic Details-->
                        <div class="basic-details">
                            <div class="row clearfix">
                                <div class="image-column col-md-5 col-sm-6 col-xs-12">
                                    <figure class="image-box"><a href="/boot/images/resource/car-1.png" class="lightbox-image" title="Image Caption Here"><img src="/boot/images/resource/car-1.png" alt=""></a></figure>
                                </div>
                                <div class="info-column col-md-7 col-sm-6 col-xs-12">
                                    <div class="details-header">
                                        <h4>



                                        </h4>
                                        <div class="rating">
                                            <span class="fa fa-star"></span>
                                            <span class="fa fa-star"></span>
                                            <span class="fa fa-star"></span>
                                            <span class="fa fa-star"></span>
                                            <span class="fa fa-star-half-empty"></span>
                                        </div>
                                        <a href="#" class="reviews"></a>
                                        <div class="item-price">${detail.cPrice}</div>
                                    </div>

                                    <div class="text">
                                        <p>


                                            ${carBrands.brName}


                                        </p>
                                    </div>
                                    <!-- Pincode Form -->
                                    <div class="pincode-form">
                                        <form method="post" action="contact.html">
                                            <div class="form-group">
                                                <label>7天内发货</label>
                                            </div>
                                        </form>
                                    </div>
                                    <div class="other-options clearfix">
                                        <%--                                            <div class="item-quantity"><input class="quantity-spinner" type="text" value="2" name="quantity"></div>--%>
<%--                                        <button type="button" class="theme-btn btn-style-one add-to-cart" onclick="collectxx()">加入购物车</button>--%>
                                        <button type="button" class="theme-btn btn-style-one add-to-cart" onclick="order(${detail.cPrice},'${carBrands.brName}')">立即订购</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--Basic Details-->

                        <!--Product Info Tabs-->
                        <div class="product-info-tabs">
                            <!--Product Tabs-->
                            <div class="prod-tabs tabs-box">

                                <!--Tab Btns-->
                                <ul class="tab-btns tab-buttons clearfix">
                                    <li data-tab="#prod-details" class="tab-btn active-btn">描述</li>
                                    <li data-tab="#prod-reviews" class="tab-btn">评价（2）</li>
                                </ul>

                                <!--Tabs Container-->
                                <div class="tabs-content">

                                    <!--Tab / Active Tab-->
                                    <div class="tab active-tab" id="prod-details">
                                        <div class="content">
                                            <p>Leverage agile frameworks to provide a robust synopsis for high level overviews. Iterative approaches to corporate strategy foster collaborative thinking to further the overall value proposition. Organically grow the holistic world view of disruptive innovation via workplace diversity and empowerment.Bring to the table win-win survival strategies to ensure proactive domination. runway heading towards a streamlined cloud solution.</p>
                                            <p>Collaboratively administrate empowered markets via plug-and-play networks. Dynamically procrastinate B2C users after installed base benefits. Dramatically visualize customer directed convergence. </p>
                                        </div>
                                    </div>

                                    <!--Tab-->
                                    <div class="tab" id="prod-reviews">
                                        <h2 class="title">大家的评价</h2>
                                        <!--Reviews Container-->
                                        <div class="comments-area">
                                            <!--Comment Box-->
                                            <div class="comment-box">
                                                <div class="comment">
                                                    <div class="author-thumb"><img src="/boot/images/resource/author-9.jpg" alt=""></div>
                                                    <div class="comment-inner">
                                                        <div class="comment-info clearfix">Lily – 2021年4月1日:</div>
                                                        <div class="rating">
                                                            <span class="fa fa-star"></span>
                                                            <span class="fa fa-star"></span>
                                                            <span class="fa fa-star"></span>
                                                            <span class="fa fa-star"></span>
                                                            <span class="fa fa-star light"></span>
                                                        </div>
                                                        <div class="text">评论内容-！@#￥%……&*（）~！@#￥%……&*（）~！@#￥%……&*</div>
                                                    </div>
                                                </div>
                                            </div>
                                            <!--Comment Box-->
                                            <div class="comment-box reply-comment">
                                                <div class="comment">
                                                    <div class="author-thumb"><img src="/boot/images/resource/author-10.jpg" alt=""></div>
                                                    <div class="comment-inner">
                                                        <div class="comment-info clearfix">Bob – 2021年5月1日:</div>
                                                        <div class="rating">
                                                            <span class="fa fa-star"></span>
                                                            <span class="fa fa-star"></span>
                                                            <span class="fa fa-star"></span>
                                                            <span class="fa fa-star"></span>
                                                            <span class="fa fa-star-half-empty"></span>
                                                        </div>
                                                        <div class="text">评论内容-！@#￥%……&*（）~！@#￥%……&*（）~！@#￥%……&*</div>
                                                    </div>
                                                </div>
                                            </div>

                                        </div>

                                        <!-- Comment Form -->
                                        <div class="shop-comment-form">
                                            <h2>你的评论</h2>
                                            <div class="rating-box">
                                                <div class="text"> 你的评分:</div>
                                                <div class="rating">
                                                    <a href="#"><span class="fa fa-star"></span></a>
                                                </div>
                                                <div class="rating">
                                                    <a href="#"><span class="fa fa-star"></span></a>
                                                </div>
                                                <div class="rating">
                                                    <a href="#"><span class="fa fa-star"></span> <span class="fa fa-star"></span></a>
                                                </div>
                                                <div class="rating">
                                                    <a href="#"><span class="fa fa-star"></span> <span class="fa fa-star"></span> <span class="fa fa-star"></span></a>
                                                </div>
                                                <div class="rating">
                                                    <a href="#"><span class="fa fa-star"></span> <span class="fa fa-star"></span> <span class="fa fa-star"></span> <span class="fa fa-star"></span></a>
                                                </div>
                                                <div class="rating">
                                                    <a href="#"><span class="fa fa-star"></span> <span class="fa fa-star"></span> <span class="fa fa-star"></span> <span class="fa fa-star"></span> <span class="fa fa-star"></span></a>
                                                </div>
                                            </div>
                                            <form method="post" action="contact.html">
                                                <div class="row clearfix">
                                                    <div class="col-md-6 col-sm-6 col-xs-12 form-group">
                                                        <label>用户名</label>
                                                        <input type="text" name="username" placeholder="" required>
                                                    </div>

                                                    <div class="col-md-12 col-sm-12 col-xs-12 form-group">
                                                        <label>Email*</label>
                                                        <input type="text" name="number" placeholder="" required>
                                                    </div>
                                                    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 form-group">
                                                        <label>你的想法</label>
                                                        <textarea name="message" placeholder=""></textarea>
                                                    </div>

                                                    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 form-group">
                                                        <button class="theme-btn btn-style-one" type="submit" name="submit-form">提交</button>
                                                    </div>

                                                </div>
                                            </form>

                                        </div>

                                    </div>

                                </div>
                            </div>

                        </div>
                        <!--End Product Info Tabs-->

                    </div>

                    <!--Related Products-->
                    <div class="related-products">
                        <div class="sec-title">
                            <h2>相关商品推荐</h2>
                        </div>
                        <div class="row clearfix">

                            <!--Shop Item-->
                            <div class="shop-item col-lg-4 col-md-6 col-sm-6 col-xs-12">
                                <div class="inner-box">
                                    <div class="image">
                                        <a href="shop-single.jsp"><img src="/boot/images/resource/car-16.png" alt="" /></a>
                                    </div>
                                    <div class="lower-content">
                                        <div class="upper-box">
                                            <h3><a href="shop-single.jsp">宝马</a></h3>
                                            <div class="price">$34.99</div>
                                        </div>
                                        <div class="lower-box clearfix">
                                            <div class="pull-left">
                                                <a class="add-cart" href="shop-single.jsp">加入收藏夹</a>
                                            </div>
                                            <div class="pull-right">
                                                <!--Rating-->
                                                <div class="rating">
                                                    <span class="fa fa-star"></span>
                                                    <span class="fa fa-star"></span>
                                                    <span class="fa fa-star"></span>
                                                    <span class="fa fa-star"></span>
                                                    <span class="fa fa-star-half-empty"></span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <!--Shop Item-->
                            <div class="shop-item col-lg-4 col-md-6 col-sm-6 col-xs-12">
                                <div class="inner-box">
                                    <div class="image">
                                        <a href="shop-single.jsp"><img src="/boot/images/resource/car-17.png" alt="" /></a>
                                    </div>
                                    <div class="lower-content">
                                        <div class="upper-box">
                                            <h3><a href="shop-single.jsp">奔驰</a></h3>
                                            <div class="price">$29.00</div>
                                        </div>
                                        <div class="lower-box clearfix">
                                            <div class="pull-left">
                                                <a class="add-cart" href="shop-single.jsp">加入收藏夹</a>
                                            </div>
                                            <div class="pull-right">
                                                <!--Rating-->
                                                <div class="rating">
                                                    <span class="fa fa-star"></span>
                                                    <span class="fa fa-star"></span>
                                                    <span class="fa fa-star"></span>
                                                    <span class="fa fa-star"></span>
                                                    <span class="fa fa-star"></span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <!--Shop Item-->
                            <div class="shop-item col-lg-4 col-md-6 col-sm-6 col-xs-12">
                                <div class="inner-box">
                                    <div class="image">
                                        <a href="shop-single.jsp"><img src="/boot/images/resource/car-18.png" alt="" /></a>
                                    </div>
                                    <div class="lower-content">
                                        <div class="upper-box">
                                            <h3><a href="shop-single.jsp">捷豹</a></h3>
                                            <div class="price">$24.99</div>
                                        </div>
                                        <div class="lower-box clearfix">
                                            <div class="pull-left">
                                                <a class="add-cart" href="shop-single.jsp">加入收藏夹</a>
                                            </div>
                                            <div class="pull-right">
                                                <!--Rating-->
                                                <div class="rating">
                                                    <span class="fa fa-star"></span>
                                                    <span class="fa fa-star"></span>
                                                    <span class="fa fa-star"></span>
                                                    <span class="fa fa-star"></span>
                                                    <span class="fa fa-star-o"></span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>

                </div>
            </div>

            <!--Sidebar Side-->
            <div class="sidebar-side col-lg-3 col-md-4 col-sm-12 col-xs-12">
                <aside class="sidebar default-sidebar">

                    <!-- Search Box -->
                    <div class="faq-search-box">
                        <div class="outer-box">
                            <form method="post" action="contact.html">
                                <div class="form-group">
                                    <input type="search" name="search-field" value="" placeholder="搜索" required>
                                    <button type="submit"><span class="icon fa fa-search"></span></button>
                                </div>
                            </form>
                        </div>
                    </div>

                    <!--Category Widget-->
                    <div class="shop-sidebar-widget category-widget">
                        <div class="inner-box">
                            <h2>分类</h2>
                            <ul class="category-link">
                                <li><a href="#">面包车</a></li>
                                <li><a href="#">SUV</a></li>
                                <li><a href="#">轿车</a></li>
                            </ul>
                        </div>
                    </div>

                    <!-- Price Filters -->
                    <div class="shop-sidebar-widget price-filters rangeslider-widget">
                        <div class="inner-box">
                            <div class="sidebar-title">
                                <h2>价格筛选</h2>
                            </div>
                            <div class="range-slider-one clearfix">
                                <div class="price-range-slider"></div>
                                <div class="clearfix">
                                    <div class="pull-left">
                                        <a href="#" class="theme-btn btn-style-one">确定</a>
                                    </div>
                                    <div class="pull-right">
                                        <div class="title">价格:</div>
                                        <div class="input"><input type="text" class="property-amount" name="field-name" readonly></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- Products Widget-->
                    <div class="shop-sidebar-widget products-widget">
                        <div class="inner-box">
                            <div class="sidebar-title">
                                <h2>热销排行</h2>
                            </div>
                            <div class="post">
                                <figure class="post-thumb"><a href="shop-single.jsp"><img src="/boot/images/resource/car-25.png" alt=""></a></figure>
                                <h4><a href="shop-single.jsp">现代</a></h4>
                                <div class="rating"><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span></div>
                                <div class="price"><span>$34.00</span>$24.99</div>
                            </div>
                            <div class="post">
                                <figure class="post-thumb"><a href="shop-single.jsp"><img src="/boot/images/resource/car-26.png" alt=""></a></figure>
                                <h4><a href="shop-single.jsp">雪佛兰</a></h4>
                                <div class="rating"><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star-half-o light"></span></div>
                                <div class="price"><span>$54.00</span>$44.99</div>
                            </div>
                            <div class="post">
                                <figure class="post-thumb"><a href="shop-single.jsp"><img src="/boot/images/resource/car-27.png" alt=""></a></figure>
                                <h4><a href="shop-single.jsp">比亚迪</a></h4>
                                <div class="rating"><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star light"></span></div>
                                <div class="price"><span>$24.00</span>$14.99</div>
                            </div>
                        </div>
                    </div>

                </aside>
            </div>

        </div>
    </div>
</div>
<!--End Sidebar Page Container-->

<!--End pagewrapper-->
<%--<div>--%>
<%--    <jsp:include page="../footer.jsp" flush="true"></jsp:include>--%>
<%--</div>--%>
<!--Scroll to top-->
<%--<div class="scroll-to-top scroll-to-target" data-target="html"><span class="icon fa fa-angle-up"></span></div>--%>


</body>

<script src="/boot/js/jquery.js"></script>
<script src="/boot/js/bootstrap.min.js"></script>
<script src="/boot/js/jquery.fancybox.pack.js"></script>
<script src="/boot/js/jquery.fancybox-media.js"></script>
<script src="/boot/js/owl.js"></script>
<script src="/boot/js/appear.js"></script>
<script src="/boot/js/jquery-ui.js"></script>
<script src="/boot/js/jquery.bootstrap-touchspin.js"></script>
<script src="/boot/js/wow.js"></script>
<script src="/boot/js/script.js"></script>



<script>

    function order(price,name) {

        window.location="/boot/alipay/goAlipay?price="+price+"&name="+name;




    }

</script>

</html>
